﻿<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<meta http-equiv="Cache-Control" content="no-siteapp"/>
	<link rel="Bookmark" href="imgs/bai.ico"/>
	<link rel="Shortcut Icon" href="imgs/bai.ico"/>
	<title>首页</title>
	<style type="text/css">
		body { margin: 0; padding: 0; }
		/*top*/
		#top { margin: 0 auto; width: 1000px; height: 150px; text-align: center; border-bottom: 1px solid #eee; }
		#top .li { margin: 20px 0; margin-left: 60px; width: 225px; height: 100px; background: #efefef; border: 1px solid #ddd; border-radius: 5px; text-align: center; line-height: 90px; color: #555; cursor: pointer; float: left; }
		#top .li:hover { box-shadow: 0 0 10px #bbb; border: 1px solid #bbb; }
		#top img { width: 200px; height: 100px; }
		/*搜索*/
		#search { margin: 0 auto; margin-top: 20px; width: 1000px; height: 50px; border-bottom: 1px solid #eee; }
		#search button { margin: 0 5px; padding: 8px 20px; background: #cccccc; color: #333; border: 0; border-radius: 5px; cursor: pointer; }
		#search button:hover { background: #0088cc; color: #fff; }
		#search span { margin: 0 10px; color: #888; }
		#search a { text-decoration: none; color: #0088cc; }
		#search input { padding: 5px 10px; border: 1px solid #eee; }
		/*body*/
		#body { margin: 0 auto; width: 1000px; height: 680px; overflow: auto; }
		#body .li { margin-top: 30px; margin-left: 30px; margin-bottom: 20px; width: 205px; height: 280px; border: 2px solid #eee; box-shadow: 0 0 10px #eee; cursor: pointer; float: left; }
		#body .li .ewm { width: 200px; height: 200px; border: 3px solid #000; }
		#body .li .txt { padding: 3px 10px; padding-top: 10px; color: #888; font-size: 12px; line-height: 20px; }
		#body .li:hover { box-shadow: 0 0 10px #0088cc; border: 2px solid #0088cc; }
		#body .li:hover .txt { color: #0088cc; }
		#page { margin: 10px auto; width: 1000px; text-align: center; color: #0088cc; cursor: pointer; }
	</style>
</head>
<body>
	<!--top应用链接4个-->
	<div id="top"></div>

	<!--搜索-->
	<div id="search">
		<button onclick="getUsedList();">使用列表</button>
		<button onclick="getEmptyList();">空码列表</button>
		<span id="currTitle">当前是：使用列表</span>
		<a href="javascript:;" onclick="reset();">复位</a> &nbsp;
		<a href="javascript:;" onclick="next();">下一页</a> &nbsp;
		<input type="text" placeholder="输入码编号" id="word"/>
		<a href="javascript:;" onclick="getSearch();">搜索</a> &nbsp;
	</div>

	<!--二维码列表-->
	<div id="body"></div>
	<div style="height: 20px; clear: both;"></div>

	<!--备案信息-->
	<div style="margin: 20px auto; width: 1000px; text-align: center;">
		<a href="https://beian.miit.gov.cn" target="_blank" style="color: #0088cc; text-decoration: none; font-size: 14px;">
			<img src="https://beian.mps.gov.cn/img/head-logo2.4d29d9b1.png" style="width: 15px; height: 15px;"/>
			ICP备案号 2031435831373 号
		</a>
	</div>

	<!--信息弹窗-->
	<span id="msgPop"></span>
</body>
</html>


<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/view.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/ewm/jquery.qrcode.js"></script>
<script type="text/javascript" src="js/ewm/utf.js"></script>
<script type="text/javascript" src="js/ewm/html2canvas.min.js"></script>
<script type="text/javascript" src="js/ewm/FileSaver.js"></script>
<script type="text/javascript">
	var cw = document.documentElement.clientWidth;
	var ch = document.documentElement.clientHeight;
	var ewmDomain = '';
	var type = 0, word = '', dlist = [],
		pageType = 1, //1使用列表，2空码列表
		pageUseStart = 0, pageUseLimit = 8,
		pageEmptyStart = 0, pageEmptyLimit = 8;
	(function () {
		getConfig();
		topHtml();
		getUsedList();
	})();
</script>